<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="details">
    <div class="modal-dialog modal-lg modal-lg-f" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title pull-left">机构管理 — 详情</h4>
            </div>
            <div class="popup-body modal-body text-center">
                <div class="bg-model overflow-hide">

                    <!-- <h5 class="text-left parent-organization">上级机构：{{ superiorDetails }}</h5> -->
                    <form name="userpersonalAdd_form" novalidate *ngIf="getTabVal">
                        <div class="col-xs-12 col-sm-6" >
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right">上级机构：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ superiorDetails }}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right">机构名称：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p *ngIf="getTabVal">{{getTabVal?.institutionName}}</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">显示名称：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.institutionDisplayName }}</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">有效日期：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.validDate | date:'yyyy-MM-dd'}}</p>
                                </div>
                            </div>
                            
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">联系人：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.contactName }}</p>
                                </div>
                            </div>
                            

                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">机构类型：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p *ngIf="getTabVal?.institutionType==0">客户机构</p>
                                    <p *ngIf="getTabVal?.institutionType==1">代理商</p>
                                    <p *ngIf="getTabVal?.institutionType==2">应用提供商</p>
                                    <p *ngIf="getTabVal?.institutionType==3">供应商</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">服务类型：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p *ngIf="getTabVal?.jgServerType==0">线上图书馆</p>
                                    <p *ngIf="getTabVal?.jgServerType==1">镜像图书馆</p>
                                    <p *ngIf="getTabVal?.jgServerType==2">线上/镜像图书馆</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">升级状态：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p *ngIf="getTabVal?.updateStatus==0">未下载，未更新</p>
                                    <p *ngIf="getTabVal?.updateStatus==1">已下载，未更新</p>
                                    <p *ngIf="getTabVal?.updateStatus==2">已下载，已更新</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">机构状态：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p *ngIf="getTabVal?.enabled==1">启用</p>
                                    <p *ngIf="getTabVal?.enabled==0">禁用</p>
                                </div>
                            </div>

                        </div>

                        <div class="col-xs-12 col-sm-6">
                            <!-- <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right"></label>
                                <div class="col-xs-12 col-sm-9">
                                    <input class="form-control readonly" type="hide">
                                </div>
                            </div> -->
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">性质：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.nature }}</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">行业：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.industry }}</p>
                                </div>
                            </div>
                            
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">电话：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.phone }}</p>
                                </div>
                            </div>
                            <div class="form-group ">
                                <label class="col-xs-12 col-sm-3 control-label text-right">邮编：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.postcode }}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right">省份：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.province }}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right">城市：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.city }}</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-3 control-label text-right">地址：</label>
                                <div class="col-xs-12 col-sm-9">
                                    <p>{{ getTabVal?.address }}</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label class="col-xs-12 col-sm-2 control-label pull-left describe">描述：</label>
                                <div class="pull-left describe">
                                    <p>{{ getTabVal?.description }}</p>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class=" modal-footer">
                <button type="button" class="btn btn-fff" data-dismiss="modal" aria-hidden="true">返回
                </button>
            </div>
        </div>
    </div>

</div>